<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>添加培训师</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../../../lib/layui-v2.5.5/css/layui.css" media="all">
    <link rel="stylesheet" href="../../../css/public.css" media="all">
</head>
<body>
<body class="layuimini-container">
    <div class="layuimini-main">

        <form class="layui-form layuimini-form" action="" lay-filter="example">
            <div class="layui-form-item">
                <label class="layui-form-label required" >姓名</label>
                <div class="layui-input-block">
                    <input type="text" name="name" lay-verify="required" autocomplete="off" placeholder="请输入用户名" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label required">身份证号</label>
                <div class="layui-input-block">
                    <input type="text" name="idCard" lay-verify="required" placeholder="请输入身份证号" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">性别</label>
                <div class="layui-input-block">
                    <input type="radio" name="sex" value="男" title="男" checked="">
                    <input type="radio" name="sex" value="女" title="女">
                </div>
            </div>
            <div class="layui-inline layui-form-item">
                <label class="layui-form-label required">学历</label>
                <div class="layui-input-inline">
                    <select name="grade" lay-filter="aihao">
                        <option value="">请选择学历</option>
                        <option value="1">研究生</option>
                        <option value="2">本科</option>
                        <option value="3">大专</option>
                        <option value="4">高中</option>
                        <option value="5">初中</option>
                        <option value="6">小学</option>
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label required">手机</label>
                <div class="layui-input-block">
                    <input type="text" name="phone" lay-verify="phone" autocomplete="off" placeholder="请输入电话" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label required" >工号</label>
                <div class="layui-input-block">
                    <input type="text" name="name" lay-verify="required" autocomplete="off" placeholder="请输入工号" class="layui-input">
                </div>
            </div>
            <div class="layui-inline layui-form-item">
                <label class="layui-form-label required">部门</label>
                <div class="layui-input-inline">
                    <select name="dept" lay-filter="aihao">
                        <option value="">请选择部门</option>
                        <option value="1">保卫部</option>
                        <option value="2">党委工作部</option>
                        <option value="3">法务审计部</option>
                        <option value="4">生产部</option>
                        <option value="5">销售部</option>
                        <option value="6">后勤保障部</option>
                        <option value="7">职工教育培训中心</option>
                    </select>
                </div>
            </div>
            <div class="layui-inline layui-form-item">
                <label class="layui-form-label required">科室</label>
                <div class="layui-input-inline">
                    <select name="subject" lay-filter="aihao">
                        <option value="">请选择科室</option>
                        <option value="综合办">综合办</option>
                        <option value="总经理办公室">总经理办公室</option>
                        <option value="经理办公室">经理办公室</option>
                        <option value="部长办公室">部长办公室</option>
                        <option value="科长办公室">科长办公室</option>
                    </select>
                </div>
            </div>
            <div class="layui-inline layui-form-item">
                <label class="layui-form-label required">车间</label>
                <div class="layui-input-inline">
                    <select name="subject" lay-filter="aihao">
                        <option value="">请选择车间</option>
                        <option value="1">生产车间</option>
                        <option value="2">包装车间</option>
                        <option value="3">修理车间</option>
                        <option value="4">运输车间</option>
                    </select>
                </div>
            </div>
            <div class="layui-inline layui-form-item">
                <label class="layui-form-label">工种</label>
                <div class="layui-input-inline">
                    <select name="subject" lay-filter="aihao">
                        <option value="">请选择工种</option>
                        <option value="1">操作工</option>
                        <option value="2">助理</option>
                        <option value="3">维修工</option>
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label required" >银行卡号</label>
                <div class="layui-input-block">
                    <input type="text" name="bankNo" lay-verify="required" autocomplete="off" placeholder="请输入银行卡号" class="layui-input">
                </div>
            </div>
            <div class="layui-inline layui-form-item">
                <label class="layui-form-label required">银行开户行</label>
                <div class="layui-input-inline">
                    <select name="bankName" lay-filter="aihao">
                        <option value="">请选择银行开户行</option>
                        <option value="1">中国农业银行</option>
                        <option value="2">中国银行</option>
                        <option value="3">中国工商银行</option>
                        <option value="4">中国招商银行</option>
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label required" >内训师积分</label>
                <div class="layui-input-block">
                    <input type="text" name="score" lay-verify="required" autocomplete="off" placeholder="请输入内训师积分" class="layui-input">
                </div>
            </div>
            <div class="layui-inline layui-form-item">
                <label class="layui-form-label required">内训师等级</label>
                <div class="layui-input-inline">
                    <select name="lever" lay-filter="aihao">
                        <option value="">请选择内训师等级</option>
                        <option value="1">一级</option>
                        <option value="2">二级</option>
                        <option value="3">三级</option>
                    </select>
                </div>
            </div>
            <div class="layui-inline layui-form-item">
                <label class="layui-form-label required">获得荣誉</label>
                <div class="layui-input-inline">
                    <select name="honor" lay-filter="aihao">
                        <option value="">请选择荣誉</option>
                        <option value="1">一级</option>
                        <option value="2">二级</option>
                        <option value="3">三级</option>
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label required" >讲授课程</label>
                <div class="layui-input-block">
                    <input type="text" name="course" lay-verify="required" autocomplete="off" placeholder="请输入讲授课程" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label " >备注信息</label>
                <div class="layui-input-block">
                    <input type="text" name="name" lay-verify="required" autocomplete="off" placeholder="请输入备注信息" class="layui-input">
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button class="layui-btn" lay-submit="" lay-filter="demo1">立即提交</button>
                </div>
            </div>
        </form>

    </div>

    <script src="../../../lib/layui-v2.5.5/layui.js" charset="utf-8"></script>
    <!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
    <script>
        layui.use(['form', 'layedit'], function () {
            var form = layui.form
                , layer = layui.layer
                , layedit = layui.layedit

            //自定义验证规则
            form.verify({
                required: function (value) {
                    if (value.length < 5) {
                        return '用户名至少得5个字符啊';
                    }
                }
                , pass: [
                    /^[\S]{6,12}$/
                    , '密码必须6到12位，且不能出现空格'
                ]
                , phone: [
                    /^1[3-9]\d{9}$/
                    , '电话号码为11位'
                ]
            });
            //监听提交
            form.on('submit(demo1)', function (data) {
                layer.alert(JSON.stringify(data.field), {
                    title: '最终的提交信息'
                })
                return false;
            });



        });
    </script>

</body>
</html>